@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

.container-fluid {
    max-width: 1030px;
}

* {
    margin: 0;!important;
    padding: 0;!important;
}

a:hover {
    text-decoration: none;
}

.no-margin {
    margin: 0;
    padding: 0;
}

body {
    font-family: "微软雅黑";
    !important;
}



#btn {
    font-size: 30px;
    color: #f70000;
    position: absolute;
    right: 22px;
    line-height: 30px;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
}
/*头部*/
header {
    position: relative;
}

header .logo {
    line-height:120px;
}


header .header_text{
    color: #fd0000;
    padding: 34px 0 0 10px;
    height: 120px;
}
header .header_text h4{
    margin: 0;
    font-size: 12px;
    font-family: "宋体";
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}
header .header_text h5{
    margin: 0;
    line-height: 26px;
    font-size: 16px;
}

header .call{
    height: 120px;
    padding: 33px 0 0 50px;
    background: url("../images/phone.png") no-repeat 0 43px;
}
header .call h6{
    margin: 0;
    font-size: 14px;
    line-height: 26px;
}
header .call h4{
    margin: 0;
    line-height: 32px;
    font-weight: bold;
    font-size: 26px;
    color: #fd0000;
}

#nav{
    position: relative;
}
#nav:before{
    content: "";
    left: -1px;
    top: 12px;
    height: 32px;
    position: absolute;
    background: #ff7373;
    width: 1px;
}
#nav:after{
    content: "";
    right: -1px;
    top: 12px;
    height: 32px;
    position: absolute;
    background: #ba0000;
    width: 1px;
}
#nav>li{
   float: left;
    width: 14.285%;
}
#nav>li.active a{
    background: #000;
}
#nav>li:hover>a{
    background: #000;
    transition: all 1s;
}
#nav>li a{
    font-size: 15px;
    color: #fff;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    text-align: center;
}
#nav>li a:before{
    content: "";
    left: 0;
    top: 12px;
    height: 32px;
    position: absolute;
    background: #ba0000;
    width: 1px;
}
#nav>li a:after{
    content: "";
    right: 0;
    top: 12px;
    height: 32px;
    position: absolute;
    background: #ff7373;
    width: 1px;
}
/*导航*/



nav{
    line-height: 55px;
    background: #f70000;
}




.banner img {
    width: 100%;
}



.title h3{
    margin: 0;
    line-height: 85px;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    padding-top: 23px;
    position: relative;
}

.title h3:after{
    content: "";
    left: 50%;
    bottom: 12px;
    height: 4px;
    background: #f70000;
    width: 216px;
    margin-left: -108px;
    position: absolute;
}
.title h6{
    margin: 0;
    line-height: 24px;
    color: #666;
    font-size: 14px;
}
.title {
    padding-bottom: 38px;
}



/*解决方案*/
.Solution .box{
    border:10px solid #f70000 ;
}
.Solution .box ul{
    width: 22.4%;
    position: relative;
    background: #f70000;
    padding-right: 10px;
}
.Solution .box .img_box{
    width: 77.6%;
    overflow: hidden;
    text-align: center;
}
.Solution .box .img_box img{
    max-width: 100%;
}
.Solution .box ul li{
    margin-bottom: 2px;
}
.Solution .box ul li a{
    display: block;
    width: 100%;
    line-height: 54px;
    padding-left: 20px;
    border:1px solid #fff;
    background: #fff;
    font-size: 16px;
    height: 56px;
    overflow: hidden;
    color: #333;
    transition: all 0.5s;
}
.Solution .box ul li a:hover{
    background: #000;
    color: #fff;
}

/*解决方案*/


.text-center img{max-width:100%;height:auto}
.text img{max-width:100% !important;height:auto !important}
/*工程案例*/
.Case .box {
    border: 3px solid #f70000;
}
.Case .box ul{
    width: 37.2%;
    border-left:3px solid #f70000 ;

}
.Case .box ul li{
    padding: 3px 0 14px 0;
    border-bottom: 1px solid #dddddd;
    padding-left: 14px;
    transition: all 0.5s;
}
.Case .box ul li.active{
    background: #f70000;
}
.Case .box ul li.active h4{
    color: #fff;
}
.Case .box ul li.active div a{
    color: #fff;
}
.Case .box ul li div{
    height: 14px;
    overflow: hidden;
}
.Case .box ul li.active div a{
    border-right: 2px solid #fff;
}

.Case .box ul li.active h4 b:after{
    content:url("../images/line_red.png");
}

.Case .box ul li h4{
    margin: 0;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    line-height: 48px;
}
.Case .box ul li h4 b{
    width: 66px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.Case .box ul li h4 b:after{
    content:url("../images/line_black.png");
    position: absolute;
    right: -20px;
    bottom:-2px;
}

.Case .box ul li div{
    font-size: 0;
}
.Case .box ul li div a{
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    border-right:2px solid #7d7d7d ;
    padding: 0 10px;
    color: #333;
}
.Case .box ul li div a:hover{
    text-decoration: underline;
}
.Case .box ul li div a:first-child{
     padding-left: 0;
 }
.Case .box ul li div a:last-child{
    border: none;
}
.Case .box .img_box{
    width: 62.8%;
}
.Case .box .img_box .imgs{
    position: relative;
    height:100%;
    /*line-height: 560px;*/
    overflow: hidden;
    text-align: center;
}
.Case .box .img_box .imgs img{
    max-width: 100%;
}
.Case .box .img_box .imgs div{
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 20px 6px;
    line-height: 26px;
    text-align: left;
}
/*工程案例*/














/*产品中心*/

.products .links{
    border-top: 2px solid #f70000;
    margin-bottom: 36px;
}
.products .links li{
    float: left;
    width: 20%;
    text-align: center;
    line-height: 55px;
    border: 1px solid #dbdbdb;
    border-top: none;
    font-size: 16px;
    color: #000;
    cursor: pointer;
}
.products .links li.active{
    background: #f70000;
    color: #fff;
}


.Pro .row{
    margin: 0 -10px;
}

.Pro .row .col-md-3,.Pro .row .col-md-4{
    padding: 0 10px;
}
.Pro .box{
    margin-bottom: 20px;
}
.Pro .box .img_box{
    border: 1px solid #d6d6d6;
}
.Pro .box .img_box div{
    overflow: hidden;
}
.Pro .box .img_box div span{
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

/*.Pro .box .img_box div img{*/
    /*max-width: 100%;*/
    /*transition: all 0.3s;*/
/*}*/
.Pro .box .text_box div{
/*    height: 48px;
*/    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
}
.Pro .box .text_box {
    padding: 6px 5px;
    border: 1px solid #d6d6d6;
    border-top: none;
    transition: all 0.5s;
    color: #666;
}

.Pro .box:hover .img_box span{
    transform: scale(1.1);
}
.Pro .box:hover .img_box{
    border: 1px solid #f70000;
}
.Pro .box:hover .text_box{
    background: #f70000;
    color: #fff;
    border: 1px solid #f70000;
    border-top: none;
}
/*产品中心*/





/*投影仪维修*/
.weixiu .picture24{
    margin: 0 -10px;
}
.weixiu .picture24 .item{
    margin: 0 10px;
}
.picture24 .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.picture24 .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.picture24 .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.picture24 .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.picture24 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.picture24 .owl-carousel .owl-item{float:left}
.picture24 .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.picture24 .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.picture24 .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.picture24 .owl-theme .owl-controls{}
.picture24 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:46px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-70px; background:url(../images/yjt.png) no-repeat left; transition:all 0.5s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-70px; background:url(../images/zjt.png) no-repeat right;transition:all 0.5s;}
/*.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/yjt.png) no-repeat right;}*/
/*.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/zjt.png) no-repeat left;}*/
.picture24 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.picture24 .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.picture24 .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=80);opacity:0.8;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.picture24 .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.picture24 .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
/*.more a{ display:block; width:236px; line-height:45px; border:1px solid #cac9c9; text-align:center; background:#fff; font-size:13px; color:#959595; text-transform:uppercase; margin:0 auto; transition:all .3s;}*/
/*.more a:hover{ background:#903d3c; border:1px solid #903d3c; color:#fff;}*/

/*投影仪维修*/

.About .text_box{
    background: url("../images/bg01.jpg") 50% 50%;
    background-size:cover;
    color: #fff;
    padding: 64px 0;
    line-height: 24px;
}

.line .img_box{
    border: 3px solid #f70000;
}
.line .img_box div{
    height: 360px;
    overflow: hidden;
}
.line .img_box div a{
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}
.line .img_box:hover div a{
    transform: scale(1.1);
}
.line .text_box{
    height: 366px;
    overflow: hidden;
    line-height: 30px;
    padding-left: 30px;
}



/*智能家居*/
.smart_home .row{
    margin: 0 -10px;
}
.smart_home .col-md-6{
    padding: 0 10px;
}
.smart_home .home_left .img_box{
    border: 1px solid #d9d9d9;
    text-align: center;
    position: relative;
}
.smart_home .home_left .img_box div{
    height: 184px;
    overflow: hidden;
    transition: all 0.3s;

}
.smart_home .home_left .img_box div img{
    max-width: 100%;
    transition: all 0.3s;
}
.smart_home .home_left .img_box div span{
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 34px;
    background: rgba(0,0,0,0.59);
    color: #fff;
    width: 100%;
    transition: all 0.3s;
}
.smart_home .home_left .img_box:hover span{
    background: rgba(247,0,0,0.69);
}
.smart_home .home_left .img_box:hover img{
    transform: scale(1.1);
}
.smart_home .home_left .row{
    margin: 0 -5px;
}
.smart_home .home_left .row .col-xs-6{
    padding: 0 5px;
}

.smart_home .home_left .img_box{
    margin-bottom: 10px;
}



#pic1{
    height: 382px;
    line-height: 382px;
    background: #ebebeb;
    overflow: hidden;
}
#pic1 .btn_left,#pic1 .btn_right{
    position: absolute;
    width: 42px;
    height: 79px;
}
#pic1 .btn_left{
    left: 0;
    top: 50%;
    margin-top:-40px;
    background: url("../images/btn_left.png");
}
#pic1 .btn_right{
    right: 0;
    top: 50%;
    margin-top:-40px;
    background: url("../images/btn_right.png");
}
#pic1 img{
    max-width: 100%;
}
/*智能家居*/



/*荣誉资质*/
.Honor{
    padding-bottom: 38px;
}
.Honor .row{
    margin: 0 -10px;
}
.Honor .col-md-3,.Honor .col-xs-6{
   padding: 0 10px;
}
.Honor .box .img_box {
    border: 1px solid #d6d6d6;
}
.Honor .box .img_box div{
    height: 228px;
    overflow: hidden;
    line-height: 228px;
}
.Honor .box .img_box div img{
    max-width: 100%;
}
.Honor .box .text_box{
    line-height: 30px;
    border: 1px solid #d6d6d6;
    border-top: none;
    height: 31px;
    overflow: hidden;
    color: #666;
    transition: all 0.3s;
}
.Honor .box:hover .img_box{
    border: 1px solid #f70000;
}
.Honor .box:hover .text_box{
    border: 1px solid #f70000;
    border-top:none;
    background: #f70000;
    color: #fff;
}
/*荣誉资质*/

footer {
    background: #f70000;
    color: #fff;
}
footer a{
    color: #fff;
}
footer a:hover{
    text-decoration: underline;
    color: #fff;
}
footer ul{
    font-size: 0;
    position: relative;
}
footer ul:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}
footer ul:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #fff;
}

footer ul li{
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 0 8px;
    line-height: 50px;
}

footer .footer2{
    padding: 25px 0;
}
footer .footer2 .wx p{
    line-height: 24px;
    margin: 0;
}
footer .footer2 .adr{
    line-height: 24px;
}


.ny_content {
    padding: 30px 0;
}



.ny_content .ny_left {
    width:22%;

}

.ny_content .right_content {
    width:78%;
    padding: 0 0 0 30px;

}

    .ny_content .left_list > h4 {
        margin: 0 0 2px 0;
        line-height: 55px;
        font-size: 20px;
        background: #f70000;
        text-align: center;
        color: #fff;
        cursor: pointer;
        margin-bottom: 7px;
    }


.act{color: #f70000 !important}

#ny_caidan > li{
    margin-bottom: 7px;
}
#ny_caidan > li>a{
    line-height: 38px;
    margin-bottom: 2px;
    padding-left: 70px;
    position: relative;
    background: #f3f3f3;
    color: #000;
    display: block;
}
#ny_caidan > li ul li a{
    display: block;
    width: 100%;
    line-height: 38px;
    background: #f3f3f3;
    color: #000;
    padding-left: 70px;
}
#ny_caidan > li ul li a:hover{
    color: #f70000;
}
#ny_caidan > li ul li{
    border-top:2px solid #f70000;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2px;
}
#ny_caidan ul{
    display: none;
}


.ny_content .left_list .adr {
    background: #e0e0e0;
    border-top: 2px solid #f70000;
    padding-top: 2px;
}

.ny_content .left_list .adr div {
    line-height: 28px;
    padding: 10px 0 15px 10px;

}

.ny_content .right_content .title4 {
    line-height: 38px;
    padding-bottom: 8px;
    background: url("../images/line.png") repeat-x bottom;

}


.ny_content .right_content .title4 + div {
    padding:30px 0;
}

.ny_content .right_content .about img {
    /*width: 100%;*/
}

.ny_content .right_content .about {
    line-height: 30px;
}

.ny_content .right_content .xqy .text {
    line-height: 30px;
    padding: 30px 0;
}

/*.ny_content .right_content .title4 + div.form {*/
    /*padding: 30px 25% 100px;*/
/*}*/

/*.ny_content .right_content .form input {*/
    /*width: 100%;*/
    /*height: 38px;*/
    /*background: #f4f4f4;*/
    /*border: 1px dotted #aaa;*/
    /*margin-bottom: 7px;*/
    /*padding-left: 15px;*/

/*}*/


/*.ny_content .right_content .form textarea {*/
    /*width: 100%;*/
    /*background: #f4f4f4;*/
    /*border: 1px dotted #aaa;*/
    /*height: 145px;*/
    /*padding-left: 15px;*/
    /*margin-bottom: 20px;*/
/*}*/

/*.ny_content .right_content .form button {*/
    /*width: 100%;*/
    /*line-height: 33px;*/
    /*border: none;*/
    /*color: #fff;*/
    /*background: #0c72c6;*/
/*}*/

/*.ny_content .right_content .tr .row {*/
    /*margin: 0 -10px;*/
/*}*/

/*.ny_content .right_content .tr .row .col-md-4, .ny_content .right_content .tr .row .col-xs-6 {*/
    /*padding: 0 10px;*/
/*}*/

/*.ny_content .right_content .tr .box03 {*/
    /*margin-bottom: 20px;*/
/*}*/



/*.ny_content .right_content .Service .row {*/
    /*margin: 0 -10px;*/
/*}*/
/*.ny_content .right_content .Service{*/
    /*background: none;*/
/*}*/
/*.ny_content .right_content .Service .img_box{*/
     /*height: 193px;*/
 /*}*/

/*.ny_content .right_content .Service .img_box>a>div>div{*/
    /*padding: 10px 20px 20px 20px;*/
/*}*/
/*.ny_content .right_content .Service .img_box>a>div>div h5{*/
    /*font-size: 12px;*/
    /*line-height: 20px;*/
    /*height: 80px;*/
    /*overflow: hidden;*/
/*}*/

/*.ny_content .right_content .Service .row .col-md-4, .ny_content .right_content .Service .row .col-xs-6 {*/
    /*padding: 0 10px;*/
/*}*/



/*.ny_content .right_content .News{*/
    /*background:none;*/
/*}*/

.ny_content .right_content .News .box{
    position: relative;
    padding-left: 240px;
    margin-bottom: 30px;
}
.ny_content .right_content .News .box .img_box img{
    max-width: 100%;
    transition: all 0.3s;
}
.ny_content .right_content .News .box:hover img{
     transform: scale(1.1);
 }
.ny_content .right_content .News .box:hover .img_box{
   border: 1px solid #f70000;
}
.ny_content .right_content .News .box:hover .text_box{
    color: #f70000;
}
.ny_content .right_content .News .box:hover .text_box h5 a{
   background: #f70000;
    color: #fff;
}
.ny_content .right_content .News .box .img_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 210px;
    height: 100%;
    border: 1px solid #333;
    text-align: center;
    overflow: hidden;
    line-height: 171px;
}
.ny_content .right_content .News .box .text_box h4{
    margin: 0 0 10px 0;
    line-height: 22px;
    font-size: 14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ny_content .right_content .News .box .text_box div{
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}
.ny_content .right_content .News .box .text_box h5{
    margin: 33px 0 0 0;
}
    .ny_content .right_content .News .box .text_box a {
        display: inline-block;
        line-height: 36px;
        padding: 0 80px;
        background: #f70000;
        color: #fff;
        font-size: 14px;
    }
/*内页*/



/*底部*/

/*底部*/



@media screen and (max-width: 1360px){
    .picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display: none;}
    .picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{display: none;}
}






@media screen and (max-width: 991px) {


    /*头部*/
    header{
        height: auto;
    }
    header .logo{
      line-height: 100px;
    }
    nav{
        background: none;
    }
    #nav {
        display: none;
        position: absolute;
        right: 0;
        width: 140px;
        z-index: 9999;
        background:rgba(0,0,0,.5);
        top: 100px;
    }
    #nav:before{
        display: none;
    }
    #nav:after{
        display: none;
    }

    #nav>li{
        float: none;
        padding:0;
        height:40px;
        line-height: 40px;
        /*padding-left:25px;*/
        width: 100%;
    }

    #nav>li>a{
        padding:0;
        width: 100%;
        display: block;
        color: #fff;
        font-size: 14px;
        height: 100%;
        text-align: center;
    }
    #nav>li>a:before{
        display: none;
    }
    #nav>li>a:after{
        display: none;
    }
    #nav>li.active a{
        background:none;
        color: #fff;
    }
    #nav>li:hover a{
        background:none;
    }
    /*导航*/
    /*导航*/



    .title h3{
        margin: 0;
        line-height: 85px;
        font-size: 30px;
        font-weight: bold;
        color: #333;
        padding-top: 0px;
        position: relative;
    }
    .title h6{
       display: none;
    }
    .title {
        padding-bottom: 20px;
    }



    /*解决方案*/
    .Solution .box ul{
        width: 30%;
        position: relative;
        background: #f70000;
        padding-right: 10px;
    }
    .Solution .box .img_box{
        width:70%;
    }
    .Solution .box ul li a{
        line-height: 38px;
        padding-left: 10px;
        font-size: 14px;
        height: 40px;
    }
    /*解决方案*/



    /*产品中心*/

    .products .links{
        border-top: 2px solid #f70000;
        margin-bottom: 20px;
    }
    .products .links li{
        width:25%;
        line-height: 40px;
        font-size: 14px;
    }

    /*产品中心*/

    .line .img_box{
        border: 3px solid #f70000;
    }
    .line .text_box{
        height:auto;
        padding: 20px 0;
    }

    #pic1{
        height:auto;
    }

    /*智能家居*/





    /*工程案例*/

    .Case .box ul{
        width:50%;
    }
    .Case .box .img_box{
        width: 50%;
    }
    /*工程案例*/



footer .footer2 .logo2 img{
    margin: 0 auto;
}

    footer .footer2 .adr{
        text-align: center;
        padding-top: 20px;
    }






































































    /*内页*/
    #ny_caidan {
        display: none;
    }

    #down {
        display: block;
        width: 100%;
        line-height: 50px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        font-size: 20px;
        background: #002441;
    }


    .ny_content .ny_left {
        width: 100%;
    }

    .ny_content .right_content {
        width: 100%;
        padding: 0;
    }
    .ny_content .right_content .title4 + div {
        border-radius: 5px;
    }
    .ny_content .right_content .title4 + div.form {
        padding: 20px 0 50px 0;
    }
    /*内页*/
    .ny_content .right_content .form {
        padding: 0%;

    }
    /*内页*/

}

@media screen and (max-width: 767px) {

    .Service .img_box>a>div>div{
        display: none;
    }

    /*底部*/

    body{ padding-bottom:50px;}

    .hot{width: 100%;
        height:50px; background:#ddb600; position:fixed; bottom:0; left:0; z-index:99;}
    .hot span{ color:#fff; font-size:16px; line-height:20px;
    }
    .hot h6{ font-size:12px; line-height:20px;}
    .hot .row div a{ display:block; color:#fff; padding:7px 0;}

    .dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
    .dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
    .dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
    .dbbox .dbs.ewm-box{ text-align:center; }
    .dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
    .dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
    .dbbox .dbs.ewm-box img{ max-width: 140px; }
    .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
    .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

    /*底部*/



    /*解决方案*/
    .Solution .box ul{
        width: 100%;
        padding-right: 0px;
    }
    .Solution .box .img_box{
        width:100%;
    }
    .Solution .box ul li{
        width: 50%;
        float: left;
    }
    /*解决方案*/


    .products .links li{
        width:50%;
    }







    /*工程案例*/

    .Case .box ul{
        width: 100%;
    }
    .Case .box ul li{
        width: 100%;
    }

    .Case .box .img_box{
        width: 100%;
    }
    .Case .box .img_box .imgs{
       height: auto;
        line-height: normal;
    }
    .Case .box .img_box .imgs img{
        max-width: 100%;
    }
    /*工程案例*/























}

@media screen and (max-width: 500px) {

    #btn {
        font-size: 20px;
        line-height: 20px;
        margin-top: -10px;
    }

header .logo img{
    height: 30px;
}
    header .logo{
        line-height: 50px;
    }
    #nav{
        top: 50px;
    }



    .ny_content .right_content .News .box{
        padding-left: 130px;
    }




    .ny_content .right_content .News .box .img_box{
        width: 110px;
        line-height: 111px;
    }
    .ny_content .right_content .News .box .text_box h4{
        margin: 0 0 5px 0;
    }
    .ny_content .right_content .News .box .text_box div{
        line-height: 20px;
        height: 40px;
    }
    .ny_content .right_content .News .box .text_box h5{
        margin: 8px 0 0 0;
    }
    .ny_content .right_content .News .box .text_box a{
        display: inline-block;
        line-height: 36px;
        padding:0px;
        width: 100%;
        text-align: center;
    }


}


/*清除样式*/
.clear 
{
     clear:both;
     font-family:'微软雅黑';

}

/*分页css scott style pagination*/
div.scott
{
    padding:3px;margin:3px;text-align:center;

}
div.scott a
{
    border:#221616 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;text-decoration:none;

}
div.scott a:hover
{
    border:#221616 1px solid;color:white;background-color:#221616;

}
div.scott a:active
{
    border:#221616 1px solid;color:#611985;background-color:#221616;

}
div.scott span.current
{
    border:#221616 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#221616;

}
div.scott span.disabled
{
    border:#dfdfdf 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;

}

/*QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
    width: 200px;
    height:130px;
    line-height:90px
}

.dock ul.icons li.im p {
	width: 185px;
    height:155px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 180px;
    height:180px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}